<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
     <div>
         <ul id="one">
             <li>梨树</li>
             <li>杏树</li>
             <li>桃树</li>
             <li>葡萄</li>
         </ul>
         <ul id="two">
             <li>大数据</li>
             <li>java</li>
             <li>前端</li>
             <li>二五法则</li>
             <span>1</span>
             <span>2</span>
         </ul>
     </div>
</body>
<script>
    // querySelectorAll获取多个元素
    // console.log(document.querySelectorAll("li"));// 获取文档中的所有名字为li的元素
    // 获取某一个
    // console.log(document.querySelectorAll("li")[3])

    // const ulOne = document.querySelector("#one");
    // // console.log(ulOne.querySelectorAll("li"));
    // ulOne.querySelectorAll("li").forEach(function(item){
    //     console.log(item)
    // })

    // console.log(document.querySelectorAll("#two li"));// id为two下的li元素
    document.querySelectorAll("#two span").forEach(item=>{
        console.log(item)
    })
</script>
</html>